{% extends "base-mobile.jinja" %}

{% block main %}
<div class="page home" id="home">
	{% for g in share_data %}
		{% set group = loop.index %}
        <div class="h-item">
        	<p>{{g.title}}</p>
	        <ul>
	            {% for share in g.share %}
		            {% if loop.index < 7 %}
		            <li data-mid="{{share.cover_id}}">
		                <a class="s-link" href="/share/detail/all/{{share.share_id}}/">
		                {% if group < 2 %}
		                    <img alt="{{share.title}}" src="{{share.cover}}!240x240" width="100%" />
		                {% else %}
		                    <img class="lazyload" alt="{{share.title}}" src="http://s.lovewith.me/static/images/blank.gif" data-original="{{share.cover}}!240x240" width="100%" />
		                {% endif %}
		                </a>
		            </li>
		            {% endif %}
	            {% endfor %}
	        </ul>
	        <div class="hi-tag">{% autoescape off %}{{g.content|replace('target="_blank"', '')}}{% endautoescape %}</div>
		</div>
    {% endfor %}    
</div>
{% endblock %}